let neirong = [
    {
        img: "./images/case1.jpg",
        naem: "KING & JAMES - 力與速的角逐",
        type: "工业/产品-玩具",
        look: "1.6w",
        message: "30",
        like: "304",
        img_logo: "./images/case1-logo.jpg",
        logo_name: "JTstudio ",
        time: "1天前",
        place: "长沙",
        job: "设计爱好者",
        fire: "72430",
        pic: "3",
        love: "584",
        img1: ["./images/case1.jpg", "./images/case1-1.jpg", "./images/case1-2.jpg"]
    },
    {
        img: "./images/case2.jpg",
        naem: "我是唱作人2 | VI主视觉、片头及宣传片制作",
        type: "影视-栏目包装",
        look: "2.6w",
        message: "37",
        like: "457",
        img_logo: "./images/case2-logo.jpg",
        logo_name: "BlackSugar ",
        time: "1天前",
        place: "北京",
        job: "设计爱好者",
        fire: "1122796",
        pic: "38",
        love: "6524",
        img1: ["./images/case3.jpg", "./images/case2-1.jpg", "./images/case2-2.jpg"]
    },
    {
        img: "./images/case3.jpg",
        naem: "「汉学」文学工具产品的视觉与体验碰撞",
        type: "UI-APP界面",
        look: "1.4w",
        message: "193",
        like: "703",
        img_logo: "./images/case3-logo.jpg",
        logo_name: "木子灬先森",
        time: "1天前",
        place: "武汉",
        job: "设计爱好者",
        fire: "1139209",
        pic: "16",
        love: "6876",
        img1: ["./images/case3.jpg", "./images/3-2.jpg", "./images/3-3.jpg"]
    },
    {
        img: "./images/case4.jpg",
        naem: "手写美术字体",
        type: "平面-字体/字形",
        look: "8665",
        message: "58",
        like: "240",
        img_logo: "./images/case4-logo.jpg",
        logo_name: "依然浚",
        time: "1天前",
        place: "深圳",
        job: "平面设计师",
        fire: "5905480",
        pic: "109",
        love: "38445",
        img1: ["./images/case4.jpg", "./images/4-2.jpg", "./images/4-3.jpg"]
    },
    {
        img: "./images/case6.jpg",
        naem: "二十四节气种子历 | 24 Solar Terms Seeds Calendar",
        type: "平面-包装",
        look: "1.1w",
        message: "22",
        like: "263",
        img_logo: "./images/case6-logo.jpg",
        logo_name: "HanluMa",
        time: "2天前",
        place: "北京",
        job: "学生",
        fire: "19616",
        pic: "1",
        love: "68",
        img1: ["./images/case6.jpg", "./images/case5-2.jpg", "./images/case5-3.jpg"]
    },
];

// 数据渲染
let uuu = () => {
    let cas = document.querySelector(".case");
    let ul = document.createElement("ul");
    neirong.forEach((item, index) => {
        ul.innerHTML += `  <li class="xuanr"><a href="#">
        <div class="case-top">
            <img src="${item.img}" alt="">
        </div>
        <div class="case-mid">
            <p class="case-mid-tit">${item.naem}</p>
            <p class="case-mid-ne">${item.type}</p>
            <div class="case-mid-hu">
                <span class="iconfont icon-yanjing1">${item.look}</span>
                <span class="iconfont icon-pinglun2">${item.message}</span>
                <span class="iconfont icon-zan">${item.like}</span>
            </div>
        </div>
        <div class="case-bot">
            <div class="case-bot-img">
            <img src="${item.img_logo}">
            <div class="yingcang">
            <div class="yc_top">
                <div class="yc-img">
                    <img src="${item.img_logo}" alt="">
                </div>
                <div class="yc-tit">
                    <p class="yc-name">${item.logo_name}<span></span></p>
                    <p class="yc-nei">${item.place}</p>
                    <p class="yc-nei no-bor">${item.job}</p>
                </div>
                <button><a href="#">关注</a></button>
            </div>
            <div>
                <ul class="yc-uu">
                <li><a href="#"><img src="${item.img1[0]}"></a></li> 
                <li><a href="#"><img src="${item.img1[1]}"></a></li> 
                <li><a href="#"><img src="${item.img1[2]}"></a></li> 
                </ul>
            </div>
    
            <div class="yc_di">
                <span class="iconfont">${item.fire}</span>
                <span class="iconfont">${item.pic}</span>
                <span class="iconfont">${item.love}</span>
            </div>
            <div class="sank">

            </div>
        </div>

            </div>
            <span class="case-bot-name">${item.logo_name}</span>
            <span class="case-bot-time">${item.time}</span>
        </div>

      
       

    </a></li>`
    })
    cas.appendChild(ul)
}
uuu()
for (let i = 5; i < 40; i = i + 5) {
    uuu()

}

